doctype
html
  head
    meta(charset="utf-8")
    title #{title}
    meta(name="viewport", content="width=device-width, initial-scale=1")
    meta(name="referrer",content="never")
    link(href="/css/bootstrapcombined.css", rel="stylesheet")
    link(href="/css/htmldrag.css", rel="stylesheet")
    link(href="https://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.min.css", rel="stylesheet")
    script(src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js")
    script(src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js")
    script(src="/js/jquery-ui.min.js")
    script(src="/js/jquery.htmlClean.js")
    script(src="/js/config.js")
    script(src="/kindeditor/kindeditor-min.js")
    script(src="/kindeditor/zh_CN.js")
    script(src="/js/htmldrag.js")
  body.edit
    div.navbar.navbar-inverse.navbar-fixed-top
      div.navbar-inner
        div.container-fluid
          button.btn.btn-navbar(data-target=".nav-collapse",data-toggle="collapse",type="button")
           span.icon-bar 
           span.icon-bar
           span.icon-bar
          a.brand(href="#")
            img(src="img/favicon.png") 
            可视化布局
            span.label BETA
          div.nav-collapse.collapse
            ul.nav#menu-layoutit
              li.divider-vertical
              li
                div.btn-group(data-toggle="buttons-radio")
                  button.btn.btn-primary.active#edit(type="button")
                    i.icon-edit.icon-white
                    编辑
                  button.btn.btn-primary#devpreview(type="button")
                    i.icon-eye-close.icon-white
                    布局编辑
                  button.btn.btn-primary#sourcepreview(type="button")
                    i.icon-eye-open.icon-white
                    预览
                div.btn-group
                  button.btn.btn-primary(type="button",data-target="#downloadModal",rel="/build/downloadModal",role="button",data-toggle="modal")
                    i.icon-chevron-down.icon-white 
                    下载
                  button.btn.btn-primary(href="/share/index",role="button",data-toggle="modal",data-target="#shareModal")
                    i.icon-share.icon-white
                    保存
                  button.btn.btn-primary#clear(href="#clear")
                    i.icon-trash.icon-white
                    清空
                div.btn-group
                    button.btn.btn-primary#undo(href="#undo")
                      i.icon-arrow-left.icon-white
                      撤销
                    button.btn.btn-primary#redo(href="#redo")
                      i.icon-arrow-right.icon-white
                      重做
    div.container-fluid
      div.sidebar-nav
        ul.nav.nav-list
          li.nav-header 部分1
          li.rows#estRows
            div.lyrow
              a.remove.label.label-important(href="#close")
                i.icon-remove.icon-white
                删除
              span.drag.label
                i.icon-move 
                拖动
              div.preview 占位
              div.view
                div.row-fluid.clearfix
                  div.span12.column

            div.lyrow
        each catagory in categories
          ul.nav.nav-list
            li.nav-header #{catagory.name}
            each component in catagory.components
              li.boxes#elmBase
                div.box.box-element
                  a.remove.label.label-important(href="#close")
                    i.icon-remove.icon-white
                    删除
                  span.drag.label
                    i.icon-move 
                    拖动
                  span.configuration
                    button.btn.btn-mini(type="button",data-target="#editorModal",role="button",data-toggle="modal") 编辑
                    for item in component.btnoption
                      span.btn-group
                        a.btn.btn-mini.dropdown-toggle(data-toggle="dropdown",href="#") #{item.name}
                          span.caret
                        ul.dropdown-menu
                          each subitem in item.arr
                            li
                              a(href="#",rel="#{subitem.rel}") #{subitem.name}
                  div.preview #{component.title}
                  div.view
                    !{component.htmlEngine}

                div.lyrow    

      div.demo
      div#download-layout
        div.container-fluid
    div.modal.hide.fade#editorModal(role="dialog")
      div.modal-header
        a.close(data-dismiss="modal") x
        h3 编辑
      div.modal-body
        p
          textarea#contenteditor.form-control
      div.modal-footer
        a#savecontent.btn.btn-primary(data-dismiss="modal") 保存
        a.btn(data-dismiss="modal") 关闭
    div.modal.hide.fade#downloadModal(role="dialog",aria-hidden="true",style="display: none;")
      div.modal-header
        a.close(data-dismiss="modal") ×
        h3 下载
      div.modal-body
        p 已在下面生成干净的HTML, 可以复制粘贴代码到你的项目
        div.btn-group
          button.btn.btn-info.active#fluidPage(type="button")
            i.icon-fullscreen.icon-white 
            自适应宽度
          button.btn.btn-info#fixedPage(type="button")
            i.icon-screenshot.icon-white 
            固定宽度
        br
        br
        p
          textarea
      div.modal-footer
        a.btn(data-dismiss="modal") 关闭
        
    </div>
      
    
  